<template>
	<view class="processing-box">
		<view>
			<image class="processing-icon" :src="processingIcon"></image>
		</view>
		<view class="processing-text">资料审核中,请耐心等待~~</view>
		<navigator target="miniProgram" open-type="exit">
		    <button class="processing-btn exit-btn">退出小程序</button>
		</navigator>
		<button class="processing-btn logout-btn" @tap="onLogout">返回首页</button>
	</view>
</template>

<script>
	import processingIcon from '@/static/image/user/processing.png';
	export default {
		data() {
			return {
				processingIcon: processingIcon
			}
		},
		methods: {
			// 切换登录账号
			onLogout() {
				// todo: logout接口
				// 跳转首页
				uni.reLaunch({
					url: '/pages/tabBar/index/indexNew'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
	.processing-box {
		margin: 0 auto;
		text-align: center;
		position: absolute;
		top: 20%;
		width: 100%;
		.processing-icon {
			width: 372rpx;
			height: 320rpx;
			margin-bottom: 36rpx;
		}
		.processing-text {
			color: #7F7F7F;
			font-size: 40rpx;
		}
		.processing-btn {
			margin: 36rpx 134rpx;
			border-radius: 54rpx;
			font-size: 32rpx;
		}
		.exit-btn {
			background-color: #FF6C25;
			border-color: #FF6C25;
			color: #FFFFFF;
		}
		.logout-btn {
			background-color: #FFD0B9;
			border: none;
			color: #FF6C25;
		}
	}
	
</style>
